<template>
  <div>
  <Spulist v-if="showcomponents === Showcomponents.SPU_LIST"></Spulist>
  <Spufrom v-if="showcomponents === Showcomponents.SPU_FROM"></Spufrom>
  <Skufrom v-if="showcomponents === Showcomponents.SKU_FROM"></Skufrom>
  </div>
</template>

<script lang="ts">
    export default {
        name:'Spu'
    }
</script>

<script lang="ts" setup>
import {ref} from 'vue'
import Spulist from './components/Spulist.vue';
import Spufrom from './components/Spufrom.vue'
import Skufrom from './components/Skufrom.vue'
import {Showcomponents} from './type'
let showcomponents = ref(Showcomponents.SPU_FROM)
</script>

<style lang="scss" scoped>

</style>